<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弹性表情动画</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="wrapper">
        <nav>
            <input type="radio" name="tab" id="home" checked>
            <input type="radio" name="tab" id="inbox">
            <input type="radio" name="tab" id="contact">
            <input type="radio" name="tab" id="heart">
            <input type="radio" name="tab" id="about">
            <label for="home" class="home"><a href="#"><i class="iconfont icon-home"></i>home</a></label>
            <label for="inbox" class="inbox"><a href="#"><i class="iconfont icon-pinglun"></i>inbox</a></label>
            <label for="contact" class="contact"><a href="#"><i class="iconfont icon-xinxi"></i>contact</a></label>
            <label for="heart" class="heart"><a href="#"><i class="iconfont icon-xin"></i>heart</a></label>
            <label for="about" class="about"><a href="#"><i class="iconfont icon-user"></i>about</a></label>
            <div class="tab"></div>
        </nav>
    </div>
</body>
</html>